/* 整个页面主要设置 */
body {
    text-align: center;
    background: url(../resources/bg.gif) repeat right top;
}

/* 页面设置，宽度1000px，居中显示 */
#wrapperIndexPage {
    width: 1000px;
    margin: 20px auto;
    text-align: left;
    background: white;
}

/* 页面头设置，高度120px */
#header {
    height: 120px;
    margin: 0 10px;
    padding: 0;
}

#logo h1 {
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    font-size: 30px;
}

/* 主导航条及次导航条设置，居中，980px */
#mainNav, #subNav {
    width: 980px;
    font-size: 13px;
}

#mainNav ul{
    background: url(../resources/bgpages.gif) repeat-x right top;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

#subNav ul{
    background: url(../resources/bgnavcats.gif) repeat-x right top;
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

#mainNav ul li, #subNav ul li {
    float: left;
}

#mainNav ul a {
    display: block;
    padding: 0 2em;
    line-height: 2.1em;
    text-decoration: none;
    color: #fff;
}

#subNav ul a {
    display: block;
    padding: 0 2em;
    line-height: 2.1em;
    text-decoration: none;
    color: #000;
}

#mainNav ul a:hover {
    background: #4c9ef1;
}

#subNav ul a:hover {
    background: #d0d0d0;
}

/* 内容区域 */
#content {
    margin: 0 10px;
    width: 980px;
    font-size: 13px;
    color: #000;
}

#mainContent {
    float: left;
    margin: 0;
    width: 60%;
}

#mainContent h3 {
    background: #dddddd;
    font-size: 15px;
    padding: 0.3em 0;
    color: #666667;
    margin: 10px 0 10px 0;
}

#listBlog h3 {
    background: white;
    font-size: 16px;
}

#listBlog a {
    text-decoration: none;
    color: #29568f;
}

#listBlog a:hover {
    color: #d92100;
}

#blogDetail {
    float: right;
}

/* 内容导航区域 */
#contentNav {
    float: right;
    width: 38%;
}

#contentNav #titlePic {
    width: 100%;
    height: 279px;
    margin: 10px 0 10px 0;
    float: right;
}

#latestPost h3, #category h3, #comments h3 {
    color: #666666;
    margin: 10px 0 5px 0;
    padding: 0;
}

#latestPost ul, #category ul, #comments ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#latestPost ul li, #category ul li {
    background: url(../resources/bgli.gif) no-repeat 0 50%;
    padding-left: 18px;
    border-bottom:1px dotted #999;
}

#comments ul li {
    background: url(../resources/star.gif) no-repeat 0 50%;
    padding-left: 13px;
    border-bottom:1px dotted #999;
}

#latestPost ul li a, #category ul li a, #comments ul li a {
    text-decoration: none;
    color: #777;
}

#latestPost ul li a:hover, #category ul li a:hover, #comments ul li a:hover {
    text-decoration: underline;
    color: #29568f;
}

/* 脚注区 */
#footer {
    text-align: center;
    font-size: 11px;
    margin: 0;
    padding: 0;
}


/* 突出显示当前页面导航链接 */
#wrapperIndexPage #mainNavList .mainNavHomepage a, #wrapperAboutMe #mainNavList .mainNavAboutMe a,#wrapperContactMe #mainNavList .mainNavContactMe a {
    background: #4c9ef1;
    cursor: default;
}